---
id: hidden
title: Hidden
---

import { Props, BoxProps } from '../../core/components';

`Hidden` takes `below` and `above` props in which you can define when to render components placed within it (based on the current breakpoint).

### Props

<Props
  data={[
    {
      name: 'below',
      type: 'string',
      required: false,
    },
    {
      name: 'above',
      type: 'string',
      required: false,
    },
  ]}
/>
